<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>风景欣赏</title>
	<link rel="stylesheet" th:href="@{/asserts/css/column.css}">
	<link rel="stylesheet" th:href="@{/asserts/css/basic.css}">
	<!-- BootStrapCss -->
	<link rel="stylesheet" th:href="@{/asserts/css/bootstrap.min.css}">
</head>

<body>

<!--网页通用导航栏-->
<header th:insert="~{commons::header(active='query')}"></header>

<div id="headline">
    <div class="headline">
        <hgroup>
        <h2>景点介绍</h2>
        </hgroup>
    </div>
</div>
<div id="container">
<article class="">
<section>
    <h2 th:text="${attraction.getAttractionName()}">景点名称</h2>
    <div class="row">
        <img class="col-sm-6" th:src="@{/asserts/img_upload/}+${attraction.getAttractionPic()}" alt="" style="width: 600px;height: 500px">
        <div class="row col-sm-6">
            <p class="col-sm-12" th:text="${attraction.getAttractionText()}" style="text-indent: 2rem;"></p>
                <p class="col-sm-6"><strong>地址 : </strong><span th:text="${attraction.getAttractionAddress()}"></span></p>
                <p class="col-sm-6"><strong>人均消费 : </strong><span th:text="${attraction.getAttractionCost()}+'元'"></span></p>
                <span class="col-sm-6"><strong>景点联系人 : </strong><span th:text="${attraction.getAttractionContacter()}"></span></span>
                <span class="col-sm-6"><strong>联系方式 : </strong><span th:text="${attraction.getAttractionPhone()}"></span></span>
        </div>
    </div>
</section>

</article>
</div>

<!--网页通用footer-->
<div th:insert="~{commons::footer}"></div>

</body>
</html>